<template>
	<gui-page ref="guiPage" :customHeader="true">
		<template v-slot:gHeader>
			<nav-bar-custom left-icon="left" :title="$t('translationImage.secondTest')"></nav-bar-custom>
		</template>
		<template v-slot:gBody>
			<view class="distributed" :style="'height: calc(100vh - ' + navHeight + 'px);'">
				<view class="gui-bg-white gui-dark-bg-level-3 gui-padding-x distributed-head">
					<view class="gui-form-item gui-border-b">
						<text class="gui-form-label gui-secondary-text">{{ $t('stockManage.singleReceiving') }}：</text>
						<view class="gui-form-body gui-text-right">
							<input type="text" class="gui-form-input gui-text-right" v-model="data.receiptCode"
								:placeholder="$t('distributedEnter.placeholderText')" />
						</view>
					</view>
					<view class="gui-form-item gui-border-b">
						<text class="gui-form-label gui-secondary-text" style="width:200rpx">{{$t('translationImage.productionTime') }}：</text>
						<view class="gui-form-body gui-text-right" @click="dateChoose">
							<view class="gui-form-input gui-text-right" v-if="data.chooseTime.length">
								<text>{{ data.chooseTime[0] }}</text><text v-if="data.chooseTime[1]"> -
									{{ data.chooseTime[1] }}</text>
								<text @click.stop="clearTime()">
									<uni-icons class="iconDelete" type="close" v-if="data.chooseTime.length" size="18"
										color="#999"></uni-icons>
								</text>
							</view>
							<input v-else type="button" class="gui-form-input gui-text-right"
								:placeholder="$t('distributedEnter.placeholderTextChoose')" />
						</view>
					</view>
					<view class="gui-form-item gui-border-b">
						<text class="gui-form-label gui-secondary-text" style="width:200rpx">{{$t('distributedEnter.materialCode') }}：</text>
						<view class="gui-form-body gui-text-right">
							<input type="text" class="gui-form-input gui-text-right" v-model="data.materialName"
								:placeholder="$t('materials.pleaseInpuThe')" />
						</view>
					</view>
					<view class="gui-form-item gui-border-b">
						<text class="gui-form-label gui-secondary-text" style="width:300rpx">{{$t('translationImage.scanBarcode') }}：</text>
						<view class="gui-form-body gui-text-right">
							<uni-easyinput class="uni-mt-5 input-secondTest" suffixIcon="scan" v-model="data.oddNum"
								:placeholder="$t('stockManage.pleaseScanCode')" type="search" @confirm="confirm"
								@iconClick="iconClick">
							</uni-easyinput>
						</view>
					</view>
					<view class="gui-form-item gui-border-b gui-flex gui-justify-content-center">
						<view class="selbox" @click="allAelClick">
							<view v-if="!data.allSelBool" class="chooseview"></view>
							<image v-else class="selectbox" src="../../static/checkbox.png"></image>
							<text class="gui-secondary-text">{{ $t('materials.checkAll') }}</text>
						</view>
						<view class="gui-flex gui-space-between gui-align-items-center"
							style="width: 70%;height: 100rpx;">
							<button type="default" class="gui-button gui-button-mini gui-bg-black4 gui-noborder"
								style="width:200rpx;" @click="reset">
								<text class="gui-block gui-color-black gui-button-text-mini gui-icons">{{$t('distributedEnter.reset') }}</text>
							</button>
							<button type="default" class="gui-button gui-button-mini gui-bg-blue gui-noborder"
								style="width:200rpx;" @click="search('1')">
								<text class="gui-block gui-color-white gui-button-text-mini gui-icons">{{$t('distributedEnter.search') }}</text>
							</button>
						</view>
					</view>
				</view>
				<!-- 底部显示区域 -->
				<scroll-view :scroll-y="true" class="scroll" @scrolltolower="scrolltolowerFn" enable-flex>
					<template v-for="(x, i) in data.list" :key="i">
						<view style="height: 15rpx"></view>
						<view class="card-boxCustom" @click.stop="selectFn(x)"
							style="padding-left: 70rpx;position: relative;margin-bottom: 0;">
							<view v-if="!isShow(x.id)" class="card-choose"></view>
							<image v-else class="select" src="../../static/checkbox.png"></image>
							<view class="card-head">
								<text>{{ $t('distributedOut.barcode') }}：{{ x.barcode }}</text>
								<uni-tag v-if="x.qcStatus == 'fail'" :inverted="true"
									:text="$t('translationImage.qualifiedNo')" type="primary" />
							</view>
							<view class="card-body">
								<view class="card-body-item">
									<text class="body-item-title">{{ $t('stockManage.singleReceiving') }}：</text>{{
		x.receiptCode }}
								</view>
								<view class="card-body-item">
									<text class="body-item-title">{{ $t('distributedEnter.materialName') }}：</text>{{
		x.materialName }}
								</view>
								<view class="card-body-item">
									<text class="body-item-title">{{ $t('distributedEnter.materialCode') }}：</text>
									{{ x.materialCode }}
								</view>
								<view class="card-body-item">
									<text class="body-item-title">{{ $t('distributedEnter.materialSpec') }}：</text>{{
		x.materialSpec }}
								</view>
								<view class="card-body-item">
									<text class="body-item-title">{{ $t('distributedEnter.qty') }}：</text>
									{{ x.currentQty }}
								</view>
								<view class="card-body-item">
									<text class="body-item-title">{{ $t('translationImage.traySize') }}：</text>
									{{ x.qrCode }}
								</view>
							</view>
						</view>
					</template>
					<view v-if="data.noticeHooks" class="noticeHooks">
						{{ data.list.length == 0 ? $t('stockManage.notAvailable') : $t('stockManage.without') }}
					</view>
				</scroll-view>
				<!-- 底部操作栏 -->
				<view class="page-bottom-box">
					<view class="page-bottomBtn bottomBtn-bgcolor-green" @click="submit">
						{{ $t('calendar.submit') }}
					</view>
				</view>
			</view>
			<calendarCustom ref="calendarCustomRef" @setTime="getTime" :selectTime="data.chooseTime"></calendarCustom>
			<!-- 页面弹窗 -->
			<uni-popup ref="showDialog" type="center" @change="popupChange">
				<view class="input-dialog-box">
					<view class="input-dialog-content">
						<view class="input-Item">{{ $t('distributedOut.barcode') }}：{{ data.popupInfo.barcode }}</view>
						<view class="input-Item">
							<radio-group @change="radioChange">
								{{ $t('translationImage.qualifiedEmitting') }}：
								<radio value="pass" :checked="data.radioSelect === 'pass'" />
								{{ $t('translationImage.noQualifiedEmitting') }}：
								<radio value="fail" :checked="data.radioSelect === 'fail'" />
							</radio-group>
						</view>
						<view class="input-Item">
							{{ $t('distributedEnter.qty') }}：<input style="width: 60%" type="number"
								:placeholder="$t('hardwareOut.pleaseQty')" v-model="data.popupInfo.num">
						</view>
						<view class="input-Item">
							{{ $t('translationImage.emptyTray') }}：<input style="width: 60%" type="search"
								@focus="getFocus('emptyTray')" :placeholder="$t('translationImage.pleaseEmptyTray')"
								autofocus="autofocus" v-model="data.popupInfo.emptyQrCode" @confirm="emptyConfirm">
						</view>
					</view>
					<view class="input-dialog-footer">
						<view class="input-dialog-button" @click="cancelFn">
							{{ $t('calendar.cancel') }}
						</view>
						<view class="input-dialog-button dialog-button-left" @click="dialogSubmit">
							{{ $t('calendar.submit') }}
						</view>
					</view>
				</view>
			</uni-popup>
			<!-- 页面提交弹框 -->
			<uni-popup ref="showCommitDialog" type="center">
				<view class="input-dialog-box">
					<view class="showCommitDialog-title">
						{{ $t('smashRemoval.warmPrompt') }}
					</view>
					<view class="showCommitDialog-count">
						<view class="showCommitDialog-count-tip">{{ $t('materials.areYouSureTo') }}</view>
						<view v-for="(item, index) in data.showListData" :key="`${item.barcode}`" class="lineview">
							<view>
								{{ $t('distributedOut.barcode') }}：{{ item.barcode }}
							</view>
							<view>
								{{ $t('distributedEnter.materialCode') }}：{{ item.materialCode }}
							</view>
						</view>
						<view style="height: 100rpx;"></view>
					</view>
					<view class="showCommitDialog-but">
						<view class="but" @click="showCommitDialogClose">
							{{ $t('calendar.cancel') }}
						</view>
						<View class="but bgcolor" @click="showCommitDialogSure">
							{{ $t('calendar.confirm') }}
						</View>
					</view>
				</view>
			</uni-popup>
		</template>
	</gui-page>
</template>
<script setup>
import searchCustom from '@/components/searchCustom';
import calendarCustom from '@/components/calendarCustom';
import pdaScan from '@/hooks/pdaScan.js'
//JS国际化引入
import { useI18n } from 'vue-i18n';
import {
	ref,
	reactive,
	onMounted,
	computed,
	getCurrentInstance
} from 'vue';
import graceJS from "@/Grace6/js/grace.js";
import { basPdaOperationLogFn } from '@/utils/index.js';
import { OPERATION_SEARCH, OPERATION_REASCT, OPERATION_LOOK, OPERATION_SCAN, OPERATION_COMMIT } from '@/constant/index.js'
import {
	navigate
} from '@/utils/routerSkip.js';
import {
	getSecondTestList,
	selectWmsBarcodeInfoWms,
	splitBarcodeForSecondCheck,
	checkQrCodeIsBindWMS,
	updateSecondQcStatusForPda
} from '@/api/api.js'
import {
	useStore
} from "vuex";
let store = useStore()
const { t } = useI18n();

const { scan } = pdaScan();
components: {
	searchCustom,
		calendarCustom
}
let calendarCustomRef = ref(null);
let showDialog = ref(null)
let showCommitDialog = ref(null)
let data = reactive({
	noticeHooks: false, //暂无相关数据标识
	materialName: '',//物料名称
	allSelBool: false,// 全选标识
	receiptCode: '',//收料单号
	receiptNo: '',//入库单号
	list: [], //页面列表数据
	showListData: [],//提交展示数据
	selectIds: [], //选中数据的barcode集合
	chooseTime: [], //选择时间
	oddNum: '', //用户单号
	isLoading: false, //是否在加载中
	isFinish: false, //数据是否加载完毕
	page: 1, //当前页码
	rows: 10, //一页显示多少条
	popupInfo: {}, //弹窗信息
	radioSelect: 'pass',
	focusText: 'page',
	operationType: '', // 操作日志操作类型
});
const {
	ctx
} = getCurrentInstance();
const isShow = computed(() => (id) => {
	return data.selectIds.includes(id)
})
const navHeight = computed(() => {
	return store.state.navHeight
})
const clearTime = () => {
	data.chooseTime = []
	searchRequest(1)
}
onMounted(() => {
	console.log('开始监听PDA扫码')
	uni.$on('scancodedate', (data) => {
		console.log('获取到的code：' + data.code)
		getCode(data.code, 'pda')
	})
	data.operationType = OPERATION_LOOK
	getSecondTestListFn()
})

// 用户点击扫码图标
const iconClick = async (type) => {
	if (type === 'suffix') {
		let code = await scan()
		getCode(code, 'page')
	}
}
// pda扫码方法
const getCode = (code) => {
	if (data.focusText == 'page') {
		console.log('page')
		data.oddNum = code
		confirm()
	} else {
		console.log('nopage')
		data.popupInfo.emptyQrCode = code
		emptyConfirm(code)
	}
}


// 获取到焦点
const getFocus = (e) => {
	data.focusText = e
}
// 空托盘搜索
const checkQrCodeIsBindWMSFn = (code) => {
	checkQrCodeIsBindWMS({
		qrCode: code
	}).then(res => {
		if (res.status == 200) {

		} else {
			data.popupInfo.emptyQrCode = ''
			uni.showToast({ title: res.message, icon: "none" });
		}
	})
}
// 空托盘扫描
const emptyConfirm = () => {
	checkQrCodeIsBindWMSFn(data.popupInfo.emptyQrCode)
}
// 单选框变化
const radioChange = (e) => {
	data.radioSelect = e.detail.value
	if (data.radioSelect === 'pass') {
		data.popupInfo.num = data.popupInfo.currentQty;
	} else if (data.radioSelect === 'fail') {
		data.popupInfo.num = 0
	}
}
// 用户input点击键盘搜索
const confirm = () => {
	selectWmsBarcodeInfoWmsFn()
}
// 查询barcode信息
const selectWmsBarcodeInfoWmsFn = () => {
	let parmes = {
		barcode: data.oddNum,
		barcodeTypeCode: null,
		locationCode: null,
		materialCode: null,
		materialName: null,
		current: 1,
		size: 99999
	}
	selectWmsBarcodeInfoWms(parmes).then(res => {
		try {
			let inputParameter = JSON.stringify(parmes)
			let returnParameter = JSON.stringify(res)
			let operationPicture = '二次检验'
			let callInterface = res.rquestUrl
			let opertionParmes = {
				inputParameter,
				returnParameter,
				operationPicture,
				callInterface,
				responseCode: res.code,//返回状态
				errorMessage: res.msg,//错误信息
				isPass: res.code == 0 ? 'Y' : 'N',//是否成功 Y N
				operationType: OPERATION_SCAN,
				module: 'WMS',
				source: "PDA",
			}
			basPdaOperationLogFn(opertionParmes)
		} catch (error) {
		}
		if (res.code == 0) {
			data.oddNum = res.data.records[0].barcode
			data.popupInfo = res.data.records[0];
			data.popupInfo.num = res.data.records[0].currentQty;
			data.popupInfo.emptyQrCode = ''
			// showDialog.value.open()
			data.focusText = 'dialog'
			search(1)
		} else {
			uni.showToast({ title: res.msg, icon: "none" });
			data.oddNum = '' //清空掉条码
		}
	})
}
// 搜索
const search = (index) => {
	data.operationType = OPERATION_SEARCH
	searchRequest(index)
}
const searchRequest = (index) => {
	if (index == 1) {
		//查询列表
		data.isFinish = false;
		data.page = 1;
		data.selectIds = [];
		getSecondTestListFn()
	} else {
		// 查询条码信息
		selectWmsBarcodeInfoWmsFn()
	}
}
//重置
const reset = () => {
	data.operationType = OPERATION_REASCT
	data.chooseTime = []
	data.oddNum = ''
	data.materialName = ''
	data.receiptCode = ''
	data.receiptNo = ''
	data.allSelBool = false
	searchRequest(1)
}
// 打开日历选择弹窗
const dateChoose = () => {
	calendarCustomRef.value.open();
}
// 获取用户选择日历
const getTime = (times) => {
	data.chooseTime = times;
}
// 获取列表数据
const getSecondTestListFn = () => {
	let parmes = {
		productionTimeStart: data.chooseTime[0] || '',
		productionTimeEnd: data.chooseTime[1] ? data.chooseTime[1] : (data.chooseTime[0] || ''),
		barcode: data.oddNum,
		receiptCode: data.receiptCode || '',
		inStockCode: data.receiptNo || '',//入库单号
		materialCode: data.materialName, // 物料名称
		current: data.page,
		size: data.rows
	}
	getSecondTestList(parmes).then(res => {
		try {
			let inputParameter = JSON.stringify(parmes)
			let returnParameter = JSON.stringify(res)
			let operationPicture = '二次检验'
			let callInterface = res.rquestUrl
			let opertionParmes = {
				inputParameter,
				returnParameter,
				operationPicture,
				callInterface,
				responseCode: res.code,//返回状态
				errorMessage: res.msg,//错误信息
				isPass: res.code == 0 ? 'Y' : 'N',//是否成功 Y N
				operationType: data.operationType,
				module: 'WMS',
				source: "PDA",
			}
			basPdaOperationLogFn(opertionParmes)
		} catch (error) {
		}
		console.log(res)
		data.isLoading = false;
		if (res.code == 0) {
			data.noticeHooks = false
			if (data.page == 1) {
				data.list = res.data.records
				if (res.data.records.length == 0) {
					data.noticeHooks = true
				}
				if (data.list.length == res.data.total) {
					data.noticeHooks = true
				}
			} else {
				if (data.list.length == res.data.total) {
					data.noticeHooks = true
				} else {
					data.list.push(...res.data.records)
				}
			}
			data.isFinish = data.list.length >= res.data.total;
		} else {
			uni.showToast({ title: res.msg, icon: "none" });
		}
	})
}
// 下拉加载
const scrolltolowerFn = () => {
	console.log(data.isFinish, 'data.isFinishdata.isFinish')
	if (!data.isFinish && !data.isLoading) {
		data.page++
		data.isLoading = true;
		getSecondTestListFn()
	}
}
// 全选 事件
const allAelClick = () => {
	if (!data.allSelBool) {
		data.list.forEach((x) => {
			let arr = data.showListData.filter(a => a.barcode == x.barcode);
			if (arr.length) {
				console.log(x)
			} else {
				data.selectIds.push(x.id)
				data.showListData.push(x)
			}
		})
	} else {
		data.selectIds = []
		data.showListData = []
	}
	data.allSelBool = !data.allSelBool
}
// 用户点击选择
const selectFn = (x) => {
	console.log(x)
	if (!data.selectIds.includes(x.id)) {
		data.selectIds.push(x.id)
		let arr = data.showListData.filter(a => a.barcode == x.barcode);
		if (arr.length) {
			console.log(x)
		} else {
			// data.selectIds.push(x.id)
			data.showListData.push(x)
		}
		// data.showListData.push(x)
	} else {
		let index = data.selectIds.indexOf(x.id)
		data.selectIds.splice(index, 1)
		data.showListData.splice(index, 1)
	}
	if (data.selectIds.length == data.list.length) {
		data.allSelBool = true
	} else {
		data.allSelBool = false
	}
}

// 页面提交弹框 关闭弹框
const showCommitDialogClose = () => {
	showCommitDialog.value.close()
}
// 页面提交弹框 批量提交  确定
const showCommitDialogSure = () => {
	if (!data.selectIds.length) {
		uni.showToast({ title: t('smashRemoval.pleaseSelectBarcode'), icon: "none" });
		return
	}
	showCommitDialog.value.close()
	let barcodeList = data.selectIds.map(x => {
		return {
			id: x
		}
	})
	let parmes = {
		barcodeList: barcodeList,
		secondQcStatus: 'pass'
	}
	updateSecondQcStatusForPda(parmes).then(res => {
		try {
			let inputParameter = JSON.stringify(parmes)
			let returnParameter = JSON.stringify(res)
			let operationPicture = '二次检验'
			let callInterface = res.rquestUrl
			let opertionParmes = {
				inputParameter,
				returnParameter,
				operationPicture,
				callInterface,
				responseCode: res.code,//返回状态
				errorMessage: res.msg,//错误信息
				isPass: res.code == 0 ? 'Y' : 'N',//是否成功 Y N
				operationType: OPERATION_COMMIT,
				module: 'WMS',
				source: "PDA",
			}
			basPdaOperationLogFn(opertionParmes)
		} catch (error) {
		}
		if (res.code == 0) {
			uni.showToast({ title: t('smashRemoval.submitSuccessfully'), icon: "none" });
			data.showListData = [] //制空数据
			data.operationType = OPERATION_LOOK
			searchRequest(1)
		} else {
			uni.showToast({ title: res.message, icon: "none" });
		}
	})
	showCommitDialog.value.close()
}
// 提交
const submit = () => {
	if (!data.selectIds.length) {
		uni.showToast({ title: t('smashRemoval.pleaseSelectBarcode'), icon: "none" });
		return
	}
	showCommitDialog.value.open()
}
// 弹窗提交  单个提交
const dialogSubmit = () => {
	if (data.popupInfo.num && data.popupInfo.num <= 0) {
		return uni.showToast({ title: t('materials.quantityCannotBeLess'), icon: "none" });
	}
	if (data.popupInfo.num > data.popupInfo.currentQty) {
		return uni.showToast({ title: t('materials.greaterThanTheQuantity'), icon: "none" });
	}
	if (data.popupInfo.currentQty - data.popupInfo.num > 0 && data.radioSelect == 'pass' && !data.popupInfo.emptyQrCode) {
		return uni.showToast({ title: t('materials.pleaseScanTheTray'), icon: "none" });
	}
	if (data.popupInfo.num > 0 && data.radioSelect == 'fail' && !data.popupInfo.emptyQrCode) {
		return uni.showToast({ title: t('materials.pleaseScanTheTray'), icon: "none" });
	}
	let parmes = {
		id: data.popupInfo.id,
		barcode: data.oddNum,
		currentQty: data.popupInfo.num,
		qrCode: data.popupInfo.emptyQrCode,
		qcStatus: data.radioSelect,
	}
	// 添加加载框
	uni.showLoading({
		title: 'loading',
		mask: true
	});
	splitBarcodeForSecondCheck(parmes).then(res => {
		try {
			let inputParameter = JSON.stringify(parmes)
			let returnParameter = JSON.stringify(res)
			let operationPicture = '二次检验'
			let callInterface = res.rquestUrl
			let opertionParmes = {
				inputParameter,
				returnParameter,
				operationPicture,
				callInterface,
				responseCode: res.code,//返回状态
				errorMessage: res.msg,//错误信息
				isPass: res.code == 0 ? 'Y' : 'N',//是否成功 Y N
				operationType: OPERATION_COMMIT,
				module: 'WMS',
				source: "PDA",
			}
			basPdaOperationLogFn(opertionParmes)
		} catch (error) {
		}
		if (res.code == 0) {
			//隐藏加载框
			uni.hideLoading();
			if (res.data.qcStatus == 'fail' && res.data.currentQty > 1) {
				data.popupInfo = res.data;
				data.popupInfo.num = res.data.currentQty;
				data.popupInfo.emptyQrCode = ''
				data.focusText = 'dialog'
			} else {
				cancelFn()
				data.oddNum = ''
			}
			uni.showToast({
				title: t('smashRemoval.submitSuccessfully'),
				icon: 'none',
				duration: 3000,
				complete: () => {
					showDialog.value.close()
					search(1)
				}
			})
		} else {
			uni.showToast({ title: res.message, icon: "none" });
		}
	})
}
// 弹窗关闭
const cancelFn = () => {
	showDialog.value.close()
	data.focusText = 'page'
	data.oddNum = ''
}
// 弹窗组件回调
const popupChange = (e) => {
	if (!e.show) {
		data.focusText = 'page'
		data.oddNum = ''
	}
}
</script>
<style lang="scss" scoped>
.input-dialog-box {
	.showCommitDialog-title {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100rpx;
		color: #333;
		font-size: 30rpx;
	}

	.showCommitDialog-count {
		padding-left: 20rpx;
		padding-right: 20rpx;
		font-size: 28rpx;
		color: #666;
		overflow-y: scroll;
		max-height: 500rpx;

		.showCommitDialog-count-tip {
			color: rgb(205, 114, 114);
			height: 60rpx;
			line-height: 60rpx;
		}

		.lineview {
			padding-bottom: 20rpx;
			padding-top: 20rpx;
			border-top: 1rpx solid #d7d7d7;
		}
	}

	.showCommitDialog-but {
		height: 100rpx;
		display: flex;
		align-items: center;

		.but {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #666;
			background: #eee;
			height: 100%;
		}

		.bgcolor {
			background: #37886C;
			color: #fff;
		}
	}

}

.selbox {
	position: relative;
	width: 20%;
	height: 52px;
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 26rpx;

	.chooseview {
		margin-right: 10rpx;
		width: 30rpx;
		height: 30rpx;
		border: 2rpx solid #A5A5A5;
	}

	.selectbox {
		margin-right: 10rpx;
		width: 36rpx;
		height: 36rpx;
	}
}

.distributed-head {
	border-bottom-left-radius: 16rpx;
	border-bottom-right-radius: 16rpx;
}

.scroll {
	flex: 1;
	height: 2rpx;
}

.distributed {
	display: flex;
	flex-direction: column;
	height: calc(100vh - 88rpx);
}

.card-box {
	margin: 0 15rpx;
	box-shadow: 0rpx 0rpx 4rpx 0 #A5A5A5;
	background: #fff;
	padding: 30rpx;
	border-radius: 16rpx;
}

.card-item {
	line-height: 60rpx;
}

.card-bottom {
	margin-bottom: 30rpx;
}

.filtrate-item {
	display: flex;
	align-items: center;
	font-size: 32rpx;
	margin-bottom: 20rpx;

	.filtrate-itemLeft {
		height: 32rpx;
		line-height: 32rpx;
		width: 100rpx;
	}

	.filtrate-itemRight {
		border: 2rpx solid #A5A5A5;
		border-radius: 8rpx;
		overflow: hidden;
		line-height: 40rpx;
		width: 300rpx;
	}
}

.card-choose {
	position: absolute;
	box-sizing: border-box;
	top: 25rpx;
	left: 20rpx;
	width: 30rpx;
	height: 30rpx;
	border: 2rpx solid #A5A5A5;
}

.select {
	position: absolute;
	top: 25rpx;
	left: 20rpx;
	width: 36rpx;
	height: 36rpx;
}

.input-Item {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	height: 80rpx;
}

.input-secondTest {
	::v-deep .is-input-border {
		border: 0;
		text-align: right;
	}
}
</style>
